<template>
    <div class="<%= data.lowerName %>">
        <h2>{{ message }}</h2>
    </div>
</template>

<script>
    export default {
        name: "<%= data.name %>",
        components: {
        },
        mixins: [],
        props: {
        },
        data: function () {
            return {
                message: "Hello <%= data.name %>"
            }
        },
        created: function () {
        },
        mounted: function () {
        },
        computed: {
        },
        methods: {
        }
    }
</script>

<style scoped>
    .<%=data.lowerName %> {}
</style>